.index-page-box {
  width: 100%;
  height: calc(100%);
  background: #FAFAFA;
  display: flex;
}

.index-page-content {
  height: calc(100% - 20px);
  margin-left: 15%;
  margin-right: 15%;
  margin-top: 20px;
  width: 70%;
  overflow-y: auto;
  -ms-overflow-style: none; /* IE 10+ */
  scrollbar-width: none;
}

.header-class-content {
  height: auto;
  width: 98%;
  margin-left: 1%;
  background: #C5C6CF;
}

.center-box {
  height: 600px;
  margin-top: 20px;
  width: 98%;
  margin-left: 1%;
  display: flex;
}

.center-left {
  width: 33%;
  height: 600px;
}

.center-center {
  margin-left: 0.5%;
  width: 41%;
  height: 600px;
}

.center-right {
  margin-left: 0.5%;
  width: 25%;
  height: 400px;
}

.index-bottom {
  margin-top: 20px;
  width: 98%;
  margin-left: 1%;
  height: auto;
  min-height: 700px;
  display: flex;
}

.bottom-left{
  width: 80%;
  height: auto;
  min-height: 700px;
  background: #C5C6CF;
}

.bottom-right {
  width: 19.5%;
  margin-left: 0.5%;
  height: auto;
  min-height: 700px;
  background: #C5C6CF;
}
